<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>点击特效的按钮</title>
    <link rel="stylesheet" href="./030.css" type="text/css" />
  </head>
  <body>
    <!--
      gradient 渐变可以作为背景图片的一种，具有很强的色彩效果，甚至可以用来模拟光
      linear-gradient 线性渐变
      此demo用到了HTML的dialog标签，渐变背景，动画以及overflow障眼法
     -->
    <button class="btn btn-pink btn-bubbles">Click Me</button>
  </body>
</html>
